<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">   
    <h:head>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>	
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />

        <h:outputStylesheet library="theme/css" name="reset.css"/>
        <h:outputStylesheet library="theme/css" name="layout.css"/>
        <h:outputStylesheet library="theme/css" name="style.css"/>
        <h:outputScript name="theme/js/calendar-localization.js"/>
        <h:outputScript name="theme/js/inicio.js"/>

    </h:head>

    <h:body>
    <c:if test="#{!sesion.activa}">    
        <!--#{!sesion.comprobar()}-->
    </c:if> 
        <c:if test="#{sesion.activa}">
       <!--#{!sesion.comprobarCliente()}-->
        </c:if> 
        <p:ajaxStatus style="text-align: center;">
            <f:facet name="start">  
                <h:panelGroup layout="block" styleClass="ajax-status-panel">
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Cargando..."/>
                    </h:panelGrid>
                </h:panelGroup>
            </f:facet>  
            <f:facet name="complete">  
                <h:outputText value="" />  
            </f:facet>  
        </p:ajaxStatus> 

        <div class="body6">
            <div class="body1">
                <div class="body5">

                    <div class="main">
                        <!-- header -->

                        <h:form id="frmHeader">
                            <h:inputHidden value="#{sesion.usuario.nombreUsuario}"/>
                            <header>
                                <h1><h:link styleClass="logo" outcome="/paginas/index.xhtml" >Sistema de Gesti&#243;n de Restaurants</h:link></h1>
                                <nav>
                                    <ul id="top_nav">
                                        <li><h:link value="#{sesion.usuario.nombreUsuario} |" outcome="/paginas/index.xhtml"/></li>
                                        <li><h:commandLink id="logout" value="Cerrar Sesión" action="#{sesion.logout}" immediate="true"/> </li>
                                    </ul>
                                </nav>
                                <nav>
                                    <ul id="menu">
                                        <li><h:commandLink value="Administraci&#243;n" />
                                            <ul>
                                                <li style="position:relative"><h:link value="Mesas" outcome="/paginas/administracion/mesas/mesas.xhtml" /></li>
                                                <li style="position:relative"><h:link value="Vehículos" outcome="/paginas/administracion/vehiculos/vehiculos.xhtml" /></li>
                                                <li style="position:relative"><h:link value="Productos" outcome="/paginas/administracion/productos/productos.xhtml" /></li>
                                            </ul>
                                        </li>


                                        <li><h:link value="Pedidos" outcome="/paginas/pedidos/pedidos.xhtml" />
                                        </li>
                                        <li><h:link value="Reservas" outcome="/paginas/reservas/reservas.xhtml" /></li>
                                        <li><h:link value="Usuarios" outcome="/paginas/usuarios/tablaUsuarios.xhtml" /></li>
                                    </ul>
                                </nav>
                            </header>
                        </h:form>
                        <!-- / header -->
                        <!-- content -->

                    </div>
                </div>
            </div>
        </div>

        <div class="body2">

            <div id="errores" class="content-error-list">
                <p:messages id="messages" showDetail="false" autoUpdate="true" closable="true" globalOnly="true" />  

            </div>
            <div class="main">
                <ui:insert name="contenido">
                </ui:insert>
            </div>
        </div>
        <div class="body3">
            <div class="body4">
                <div class="main">
                    <!-- footer -->
                    <h:form id="frmFooter">
                        <footer>
                            <div class="wrapper">
                                <section class="col1 pad_left1">
                                    <h3>Cont&#225;ctenos <span>9992 88 82 88 22</span></h3>
                                    Derechos Reservados Sistema de Gesti&#243;n de Restaurants
                                </section>
                                <section class="col2 pad_left1">
                                    <h3>S&#237;guenos </h3>
                                    <ul id="icons">
                                        <li><a href="https://www.facebook.com/pages/Deliccio-Restaurant/421866491268794" target="_blank" class="normaltip" title="Facebook"><h:graphicImage library="theme/images" name="icon1.gif" alt="Facebook"/></a></li>
                                        <li><a href="http://www.linkedin.com/pub/deliccio-restaurant/84/61b/690"  target="_blank" class="normaltip" title="Linkedin"><h:graphicImage library="theme/images" name="icon2.gif" alt="LinkedIn"/></a></li>
                                        <li><a href="https://twitter.com/DeliccioRestaur" class="normaltip" title="Twitter" target="_blank" ><h:graphicImage library="theme/images" name="icon3.gif" alt="Twitter"/></a></li>
                                        <li><a href="https://delicious.com/delicciorestaur" class="normaltip" title="Delicious" target="_blank"><h:graphicImage library="theme/images" name="icon4.gif" alt="Delicious"/></a></li>
                                        <li><a href="http://technorati.com/account/activate/delicciorestaur/" class="normaltip" target="_blank" title="Technorati"><h:graphicImage library="theme/images" name="icon5.gif" alt="Technorati"/></a></li>
                                    </ul>
                                </section>
                            </div>
                            <!-- {%FOOTER_LINK} -->
                        </footer>
                    </h:form>
                    <!-- / footer -->
                </div>
            </div>
        </div>
    </h:body>
</html>

